<!DOCTYPE html>
<html lang="en" class="ie_11_scroll">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="hhhwidth=device-width, initial-scale=1">
    <title>欢迎注册</title>
    <!--

    App Landing Template

    http://www.templatemo.com/tm-474-app-landing

    -->
    <!-- CSS -->
    <link rel="stylesheet" href="/bk/web/css/bootstrap.min.css">
    <link rel="stylesheet" href="/bk/web/css/font-awesome.min.css">
    <link rel="stylesheet" href="/bk/web/css/templatemo_style.css">
    <!-- Favicon and touch icons -->
    <link rel="shortcut icon" href="favicon.png"/>
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<!-- Top menu -->
<div class="show-menu" hidden>
    <a href="#" class="shadow-top-down">+</a>
</div>
<nav class="main-menu shadow-top-down">
    <ul class="nav nav-pills nav-stacked">
        <li><a class="scroll_effect" href="index.html">Home</a></li>
        <li><a class="scroll_effect" href="#templatemo_element">Elements</a></li>
    </ul>
</nav>

<!-- Contact -->
<section id="templatemo_contact">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <header class="template_header">
                    <h1 class="text-center"><span>...</span> 欢 迎 注 册 <span>...</span></h1>
                </header>
                <div hidden>
                    <p class="text-center">
                        <i class="fa fa-map-marker"></i> 1234 Lincoln Way, San Francisco, California<br/>
                        <i class="fa fa-envelope"></i> Email: <a href="mailto:info@company.com">info@company.com</a><br/>
                        <i class="fa fa-phone"></i> Phone: <a href="tel:010-020-0340">010-020-0340</a>
                    </p>
                </div>
            </div>
        </div>
        <form role="form" action="confirmRegister" method="post">
            <div class="form-group" hidden>
                <div class="input-group">
                    <div class="input-group-addon"><i class="fa fa-user"></i></div>
                    <input type="text" name="name" class="form-control" id="contact-name" placeholder="您的账户名和登录名">
                </div>
            </div>
            <div class="form-group">
                <div class="input-group">
                    <div class="input-group-addon"><i class="fa fa-at"></i></div>
                    <input type="email" name="bkUser.email" class="form-control" placeholder="您的邮箱地址">
                </div>
            </div>
            <div class="form-group">
                <div class="input-group">
                    <div class="input-group-addon"><i class="fa fa-lock"></i></div>
                    <input type="password" name="bkUser.password" class="form-control" id="contact-name1" placeholder="建议至少使用两种字符组合">
                </div>
            </div>
            <div class="form-group">
                <div class="input-group">
                    <div class="input-group-addon"><i class="fa fa-lock"></i></div>
                    <input type="password" name="confirmPassword" class="form-control" id="contact-name2" placeholder="请再次输入密码">
                </div>
            </div>
            <div class="form-group" hidden>
                <div class="input-group">
                    <div class="input-group-addon"><i class="fa fa-envelope-o"></i></div>
                    <textarea name="message" class="form-control" id="contact-message" placeholder="Message"></textarea>
                </div>
            </div>
            <div class="form-group row">
                <div class="col-xs-6 col-xs-offset-6">
                    <button type="submit" class="form-control">注册</button>
                </div>
            </div>
        </form>
        <div class="row">
            <div class="col-md-6 col-md-offset-3">
                <ul class="nav nav-pills social">
                    <li><a href="#" class="shadow-top-down social-facebook"><i class="fa fa-facebook-official"></i></a>
                    </li>
                    <li><a href="#" class="shadow-top-down social-twitter"><i class="fa fa-twitter-square"></i></a></li>
                    <li><a href="#" class="shadow-top-down social-youtube"><i class="fa fa-youtube-square"></i></a></li>
                    <li><a href="#" class="shadow-top-down social-instagram"><i class="fa fa-instagram"></i></a></li>
                </ul>
            </div>
        </div>
    </div>
</section>
<!-- Footer -->
<footer>
    <div class="container">
        <div class="row">
            <div class="col-xs-12 footer-copyright">
                <p>Copyright &copy; 2084 <a href="#" target="_parent">Company Name</a></p>
            </div>
        </div>
    </div>
</footer>
<!-- require plugins -->
<script src="/bk/web/js/jquery.min.js"></script>
<script src="/bk/web/js/jquery-ui.min.js"></script>
<script src="/bk/web/js/bootstrap.min.js"></script>
<script src="/bk/web/js/jquery.parallax.js"></script>
<!-- template mo config script -->
<script src="/bk/web/js/templatemo_scripts.js"></script>
</body>
</html>